<template>
  <div class="errVue">
    <Head></Head>
    <div class="box">
      <el-empty
        image="https://www.imageoss.com/images/2021/11/06/-alien-cocf122ae1e8bd0fc0.png"
        description=" "
      >
        <p class="err">404</p>
        <h1 class="err-text">网页已被外星人劫持···</h1>
      </el-empty>
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {};
  },
};
</script>

<style scoped>
.box {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: rgb(160, 153, 153);
}
.err {
  font-size: 4em;
  font-weight: bold;
}
.err-text {
  margin-top: 30px;
  font-size: 2em;
  font-weight: bold;
}
</style>
